<template>
	<!-- 意见反馈页面 -->
	<view class="feed_backs">
		<view class="backs_list">
			<navigator class="backs_item" url="../feedBack/feedBack">
				<text class="backs_time">2020-05-26</text>
				<view class="backs_info">
					<view>
						<text>回复消息</text> <br>
						<text>很好吃</text>
					</view>
					<view>
						<image class="backs_info_img" :src="imgUrl+'/static/wap/infoImg/set_arrow@2x.png'" mode=""></image>
					</view>
				</view>
			</navigator>
			
			<navigator class="backs_item" url="../feedBack/feedBack">
				<text class="backs_time">2020-05-26</text>
				<view class="backs_info">
					<view>
						<text>回复消息</text> <br>
						<text>很好吃</text>
					</view>
					<view>
						<image class="backs_info_img" :src="imgUrl+'/static/wap/infoImg/set_arrow@2x.png'" mode=""></image>
					</view>
				</view>
			</navigator>
			
			<navigator class="backs_item" url="../feedBack/feedBack">
				<text class="backs_time">2020-05-26</text>
				<view class="backs_info">
					<view>
						<text>回复消息</text> <br>
						<text>很好吃</text>
					</view>
					<view>
						<image class="backs_info_img" :src="imgUrl+'/static/wap/infoImg/set_arrow@2x.png'" mode=""></image>
					</view>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	import util from '../../static/util.js'
	export default {
		data() {
			return {
				imgUrl:util.globalData.imgPre,
				id:''
			};
		},
		onLoad(option) {
			this.id=option.id
			this.render()
		},
		methods:{
			render(){
				this.ajax({
					url:'api/feedback/getFeebackDetail',
					data:{
						id:this.id
					},
					success:(res)=>{ 
						
					}
				  })
			},
		}
	}
</script>

<style lang="less">
	.feed_backs,
	uni-page-body{ 
		background-color: #f4f4f4;
		height: 100%;
	}

	.backs_list {
		.backs_item {
			overflow: hidden; 
			margin: 20rpx 0;
			padding: 0 30rpx 10rpx 30rpx; 
			.backs_time{
				display: block;
				margin: 20rpx auto;
				padding: 0 40rpx;
				width: 240rpx;
				height: 60rpx;
				text-align: center;
				font-size: 32rpx;
				line-height: 60rpx;
				color: #fff;
				border-radius: 20rpx;
				background-color: #bfbfbf;
			}
			.backs_info{
				display: flex;
				justify-content: space-between;
				font-size: 32rpx;
				padding: 20rpx;
				height: 120rpx;
				background-color: #fff;
				border-radius: 20rpx;
				view{
					flex: 1;
				}
				& view:nth-child(1){
					padding: 0  10rpx;
					line-height: 60rpx;
				}
				& view:nth-child(2){
					position: relative;
					.backs_info_img{
						position: absolute;
						right: 0;
						top: 50%;
						transform: translate(-50%, -50%);
						width: 32rpx;
						height: 32rpx;
					}
				}
			}
		}
	} 
</style>
